<template>
	<view class="contant">
		<!-- 攻略跳转 -->
		<view class="strategy">
			<ul>
				<li v-if="isShow">
					<view class="title">老君山旅游攻略分享</view>
					<video
						src="https://vd4.bdstatic.com/mda-mceqyud53rnkdr72/sc/cae_h264/1615801163/mda-mceqyud53rnkdr72.mp4?v_from_s=hkapp-haokan-nanjing&auth_key=1668791240-0-0-c82694efc9b6ec08f5c019c27b46ec00&bcevod_channel=searchbox_feed&pd=1&cd=0&pt=3&logid=2240240771&vid=1544499285319226915&abtest=105568_2&klogid=2240240771"
						custom-cache="false" autoplay></video>
					<!-- <img src="https://img2.baidu.com/it/u=3496883959,316724831&fm=253&fmt=auto&app=120&f=JPEG?w=973&h=500" alt=""> -->
					<h3>一、门票</h3>
					<view class="price">门票价格：<span>100元/人</span>，两日内有效。</view>
					<view class="discounts">
						<h5>1、哪些证件门票有优惠</h5>
						<view class="narrate">
							<span>14</span>以下儿童<span>60</span>岁以上老人、士兵证、现役军官证、残疾军人证、居士证、皈依证、人民警察证、消防员证都可凭本人有效证件和本人身份证免门票
						</view>
					</view>
					<view class="student">
						<h5>2、学生有优惠吗？</h5>
						<view class="">有的，学生持学生证可以购买门票半价中考和高考生持准考证可免门票（必须要带原件）</view>
					</view>
					<h3>二、景观推荐</h3>
					<img src="https://img0.baidu.com/it/u=3071194732,2507329488&fm=253&fmt=auto&app=120&f=JPEG?w=1200&h=788"
						alt="">
					<view class="describe">金顶道观群、寨沟、马鬃岭、十里画屏、玻璃栈道、追梦谷、云景天路、云海等</view>
					<img src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fimg.mp.itc.cn%2Fupload%2F20160520%2Fc3a26aa99d3e47b8bf481f3ddce945a6_th.jpg&refer=http%3A%2F%2Fimg.mp.itc.cn&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1671380282&t=aaa6a819b9b52b7c00458b1fa2df9bd3"
						alt="">
					<view class="describe">玻璃栈道比较刺激， 是免费体验的，如果感觉不适，及时求助退出玻璃栈道。具体的各个景观就不一一介绍了，大家有时间可以去看看。</view>
					
					<view class="nav-bottom"></view>
				</li>
				<li v-if="isFlag">
					<view class="title">洛阳龙门石窟旅游攻略分享</view>
					<video
						src="https://vd2.bdstatic.com/mda-mms6kh98djcquy8h/sc/cae_h264_nowatermark/1640767302423137038/mda-mms6kh98djcquy8h.mp4?v_from_s=hkapp-haokan-nanjing&auth_key=1668826129-0-0-04dd5d62fad5e5238e60b78c88f8f7eb&bcevod_channel=searchbox_feed&pd=1&cd=0&pt=3&logid=1129318678&vid=10678580757633461453&abtest=105568_2&klogid=1129318678"
						custom-cache="false" autoplay></video>
					<h3>一、门票</h3>
					<view class="price">1、门票<span>90元/人</span>（包含西山、东山、香山、白园四大景区）。</view>
					<view class="time">2、参观时间参考：4-5小时，个人建议下午三四点之后入园，然后可以在景区停留欣赏到龙门石窟的夜景，真的超级棒。
					</view>
					<view class="warn">
						<span>特别提醒：</span>景区主要主要分西北门和东北门两个主入口，个人建议从西北门进出最为方便，东北门距离核心景区很远，需要自行步行或者乘坐景区观光车前往</view>
					<h3>二、游览顺序</h3>
					<h5>1、西山石窟（必去）：</h5>
					<view class="order">西山入口—龙门桥—伊阙门—禹王池—宾阳洞—摩崖三佛—万佛洞—莲花洞—弥勒洞—奉先寺（卢舍那大佛）—药方洞—古阳洞—极南洞</view>
					<img src="https://img1.baidu.com/it/u=2908472897,3049770927&fm=253&fmt=auto&app=138&f=JPEG?w=808&h=500"
						alt="">
					<h5>2、东山石窟 ：</h5>
					<view class="order">擂鼓台洞—西方净土变龛—千手千眼观像龛—看经寺—礼佛观景台—四雁洞</view>
					<img src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fyouimg1.c-ctrip.com%2Ftarget%2F10010j0000009z1tc2F1F.jpg&refer=http%3A%2F%2Fyouimg1.c-ctrip.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1671418506&t=058af75f3b8ef920ada8c9e7ea1d987d"
						alt="">
					<h5>3、香山寺：</h5>
					<view class="order">钟鼓楼—大雄宝殿—蒋宋别墅—乾隆御碑亭—九老堂</view>
					<img src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fp3.itc.cn%2Fimages01%2F20210630%2F7917207b93474204bea5816367a662f9.jpeg&refer=http%3A%2F%2Fp3.itc.cn&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1671419156&t=b03c4ddcf3b549a6dd456838d6675407"
						alt="">
						
						<view class="nav-bottom"></view>
				</li>
				<li v-if="isDone">
					<view class="title">西安兵马俑旅游攻略分享</view>
					<video
						src="https://vd4.bdstatic.com/mda-nik2kvfmjh52khb8/sc/cae_h264/1663729633217183576/mda-nik2kvfmjh52khb8.mp4?v_from_s=hkapp-haokan-nanjing&auth_key=1668829526-0-0-6baaf8a40b3ed7f3d1ca6daf866d14b9&bcevod_channel=searchbox_feed&pd=1&cd=0&pt=3&logid=0926727429&vid=10590710533673806515&abtest=105568_2&klogid=0926727429"
						controls custom-cache="false" autoplay></video>
					　全天24小时对外开放，建议晚上前往。
					<view class="price">
						1、门票成人<span>90元/人</span>。全日制大学本科及以下学历学生凭有效学生证享受半价优惠，（65岁及以上老人、由家长携带的16岁及以下未成年人、现役军人、消防员、残疾人）持相关有效证件，免费参观。。
					</view>
					<h3>二、游览顺序</h3>
					<view class="order">推荐路线：兵马俑 → 秦始皇陵 → 华清池。</view>
					<h5>1、兵马俑</h5>
					<img src="https://img1.baidu.com/it/u=4137633911,1326377345&fm=253&fmt=auto&app=138&f=JPEG?w=600&h=400"
						alt="">
					<h5>2、秦始皇陵</h5>
					<img src="https://img1.baidu.com/it/u=3614617788,1510482444&fm=253&fmt=auto&app=138&f=JPEG?w=800&h=450"
						alt="">
					<h5>3、华清池</h5>
					<img src="https://img1.baidu.com/it/u=2438660617,4065102856&fm=253&fmt=auto&app=138&f=JPEG?w=449&h=300"
						alt="">
						
						<view class="nav-bottom"></view>
				</li>
				<li v-if="isReveal">
					<view class="title">西安不夜城旅游攻略分享</view>
					<video
						src="https://vd2.bdstatic.com/mda-kjmugkc8imiqf8we/sc/cae_h264_nowatermark/1604759265/mda-kjmugkc8imiqf8we.mp4?v_from_s=hkapp-haokan-nanjing&auth_key=1669033463-0-0-54b420d90a63e4b76dddcbd6fa001e27&bcevod_channel=searchbox_feed&pd=1&cd=0&pt=3&logid=3263163886&vid=15387465116938355489&abtest=105568_2&klogid=3263163886"
						controls custom-cache="false" autoplay></video>
					<h3>一、门票</h3>
					<view class="price">免费，游客可直接前往参观。</view>
					<h3>二、开放时间</h3>
					<view class="order">全天24小时对外开放，建议晚上前往。</view>
					<h3>三、街区演出</h3>
					<img src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fp3.itc.cn%2Fimages01%2F20220704%2F0d060af9a8a844b1a6ec92dffce44cc2.jpeg&refer=http%3A%2F%2Fp3.itc.cn&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1671624439&t=0d73b3deddb17b8147e5433171e19b9f"
						alt="">
					<h3>四、游乐互动</h3>
					<img src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2F5b0988e595225.cdn.sohucs.com%2Fimages%2F20190729%2F8577184f8fb74b1ab7cfae9e318735ec.jpeg&refer=http%3A%2F%2F5b0988e595225.cdn.sohucs.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1671624586&t=4b92efeb6d6ce81812badfcb645916b2"
						alt="">
						<view class="nav-bottom"></view>
				</li>
			</ul>
		</view>

	</view>
</template>

<script>
	export default {
		data() {
			return {
				isShow: false,
				isFlag: false,
				isDone: false,
				isReveal: false
			}
		},
		// 监听其他组件传过来的参数
		onLoad(e) {
			console.log('参数', e.id);
			if (e.id == 1) {
				this.isShow = true
			} else if (e.id == 2) {
				this.isFlag = true
			} else if (e.id == 3) {
				this.isDone = true
			} else {
				this.isReveal = true
			}
		}
	}
</script>

<style lang="scss">
	.strategy {
		padding: 0 20rpx 0 20rpx;

		.title {
			font-weight: 800;
			text-align: center;
			margin-top: 20rpx;
		}

		img {
			width: 100%;
			height: 400rpx;
			margin-top: 30rpx;
			border-radius: 10rpx;
		}

		ul {
			li {
				h3 {
					font-weight: 600;
					font-size: 36rpx;
				}

				video {
					width: 100%;
					height: 400rpx;
					border-radius: 10rpx;
				}

				.price {
					text-indent: 2em;

					span {
						color: #f00;
					}
				}

				.discounts {

					// h5 {
					// 	text-indent: 1em;
					// }
					.narrate {
						text-indent: 2em;

						span {
							font-weight: bold;
						}
					}
				}

				.student {

					// h5 {
					// 	text-indent: 1em;
					// }
					view {
						text-indent: 2em;
						margin-bottom: 20rpx;
					}
				}

				.describe {
					text-indent: 2em;
				}

				.time {
					text-indent: 2em;
					margin-bottom: 15rpx;
				}

				.warn span {
					font-weight: 600;
				}

				.order {
					text-indent: 2em;
				}

				h5 {
					text-indent: 1em;
					margin-top: 10rpx;
				}
			}
		}
	}

	.navtor {
		height: 75rpx;
		// border: 2rpx solid #f00;
		border-radius: 10rpx;
		text-align: center;
		margin-top: 35rpx;
		line-height: 75rpx;
		background-color: #6495ED;
		color: #fff;
	}

	.nav-bottom {
		height: 50rpx;
	}
</style>
